<!DOCTYPE html>
<html>
<head>
	<title>目标管理</title>
	<meta charset="utf-8"/>
	<link rel="stylesheet" type="text/css" href="../../app/static/css/bootstrap/bootstrap.min.css"/>
	<link rel="stylesheet" type="text/css" href="../../app/static/css/common/mainStyle.css"/>
	<link rel="stylesheet" type="text/css" href="../../app/static/css/targetManagement.css"/>
	<link rel="stylesheet" href="../../app/static/css/css-macro/bootstrap-treeview.min.css" />
	<script type="text/javascript" src="../../app/static/js/jquery/jquery.js"></script>

	<link rel="stylesheet" href="../../app/static/lib/page/SGIS.Base.css"/>
	<link rel="stylesheet" href="../../app/static/css/index.css"/>
	<script src="../../app/static/js/top.js" type="text/javascript"></script>
	<link  rel="stylesheet" href="../../app/static/css/top.css"/>

</head>
<body>

<div class="top_div"></div>

<div class="container">
	<div class="row">
		<div class="col-md-2 scrollspy left_float">
		<form>
			<div class="panel panel-default bg_f8f8f8 border_c_e7e7e7">
				<div class="panel-body form-horizontal p_bottom_0">
			  	<div class="row"  style="display: block;">
					<div class="col-md-12 p_lr_5 form-group">
						<label class="col-md-4 p_lr_5 control-label">年份</label>
						<div class="col-md-8 p_lr_5">
							<select  class="js-example-data-ajax form-control" id="yr_zw">
								<option value="2019" data-code="CS18" index="0" selected="selected">2019</option>
							</select>
						</div>
					</div>
				</div>
			 	<div class="row"  style="display: block;">
					<div class="col-md-12 p_lr_5 form-group">
						<label class="col-md-4 p_lr_5 control-label">考核体系</label>
						<div class="col-md-8 p_lr_5">
							<select  class="js-example-data-ajax form-control" id="khtx_zw">
								<option value="2c9e767262f1c5640162fa91120c015e" data-code="CS18" index="0">测试18</option>
								<option value="8a54198c5cbe4d56015cbf631af80011" data-code="ceshi" index="1">测试</option>
								<option value="402881d5598c691b01598c84304a0002" data-code="LZ001" index="2" selected="selected">目标考核体系</option>
							</select>
						</div>
					</div>
				</div>
				<div class="row"  style="display: block;">
					<div class="col-md-12 p_lr_5 form-group">
						<label class="col-md-4 p_lr_5 control-label">指标类别</label>
						<div class="col-md-8 p_lr_5">
							<select class="js-example-data-ajax form-control" id="zble_zw">
								<option value="">请选择</option>
							</select>
						</div>
					</div>
				</div>
				<div class="row"  style="display: block;">
					<div class="col-md-12 p_lr_5 form-group">
						<label class="col-md-4 p_lr_5 control-label">责任部门</label>
						<div class="col-md-8 p_lr_5">
							<select class="js-example-data-ajax form-control" id="zrbm_zw">
								<option value="">请选择</option>
							</select>
						</div>
					</div>
				</div>
				</div>
			</div>
		</form>

		<div class="panel panel-default panel2" style="margin-bottom: 0;">
			<div class="panel-body p_0">
				<div id="indexsys_zbjk_treeview"
					 class="display_IB width100per nobgtree treeview" style="overflow-y: auto; height: 430px; display: inline-block;">
					<ul class="list-group">
						<li class="list-group-item node-indexsys_zbjk_treeview" data-nodeid="0" >
							<div class="dd-handle">
								<span class="icon dd-nodrag expand-icon glyphicon glyphicon-plus"></span>
								<span class="icon dd-nodrag node-icon"></span>
								暂无数据
							</div>
						</li>
					</ul>
				</div>
		    </div>
		</div>
		</div>
		<div class="col-md-10 scrollspy center_tr col-md-offset-2" style="position:relative">
			<div id="echart_bar" style="position:absolute;top:15px;">
			</div>
			<!-- tab选项卡 -->
			<div id="season_zw" style="display:block">
				<!-- Nav tabs -->
				<ul class="nav nav-tabs" role="tablist">
						<li role="presentation" class="active col-md-3  f_size16 "><a href="#home" aria-controls="home" role="tab" data-toggle="tab" value="03">第一季度</a></li>
					<li role="presentation" class="col-md-3  f_size16"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab" value="06">第二季度</a></li>
					<li role="presentation" class="col-md-3  f_size16"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab" value="09">第三季度</a></li>
					<li role="presentation" class="col-md-3  f_size16"><a href="#settings" aria-controls="settings" role="tab" data-toggle="tab" value="12">第四季度</a></li>
				</ul>
				<!-- Tab panes -->
				<div class="table-box" style="position:absolute;top:420px;padding-right:25px">
					<table class="table table-hover">
						<thead>
						<tr>
							<th>指标名称</th>
							<th>实际增速</th>
							<th>实际完成</th>
							<th>计划增速</th>
						</tr>
						</thead>
						<tbody id="tableinfo_season">
						</tbody>
					</table>
				</div>
				<div class="tab-content" style="position:absolute;top:115px;">
					<div role="tabpanel" class="tab-pane active" id="home">
						<!--<div id="echart_bar">-->
						<!--</div>-->
						<div class="table-box">
						</div>
					</div>
					<div role="tabpanel" class="tab-pane" id="profile">
					</div>
					<div role="tabpanel" class="tab-pane" id="messages">
					</div>
					<div role="tabpanel" class="tab-pane" id="settings">
					</div>
				</div>

			</div>
			<div id="month_zw" style="display:none">
				<!-- Nav tabs -->
				<ul class="nav nav-tabs" role="tablist">
					<li role="presentation" class="active col-md-1  f_size16 "><a href="#month1" aria-controls="home" role="tab" data-toggle="tab" value="01">一月</a></li>
					<li role="presentation" class="col-md-1  f_size16"><a href="#month2" aria-controls="profile" role="tab" data-toggle="tab"  value="02">二月</a></li>
					<li role="presentation" class="col-md-1  f_size16"><a href="#month3" aria-controls="messages" role="tab" data-toggle="tab" value="03">三月</a></li>
					<li role="presentation" class="col-md-1  f_size16"><a href="#month4" aria-controls="settings" role="tab" data-toggle="tab" value="04">四月</a></li>
					<li role="presentation" class="col-md-1  f_size16">
						<a href="#month5" aria-controls="settings" role="tab" data-toggle="tab" value="05">五月</a>
					</li>
					<li role="presentation" class="col-md-1  f_size16">
						<a href="#month6" aria-controls="settings" role="tab" data-toggle="tab" value="06">六月</a>
					</li>
					<li role="presentation" class="col-md-1  f_size16">
						<a href="#month7" aria-controls="settings" role="tab" data-toggle="tab" value="07">七月</a>
					</li>
					<li role="presentation" class="col-md-1  f_size16">
						<a href="#month8" aria-controls="settings" role="tab" data-toggle="tab" value="08">八月</a>
					</li>
					<li role="presentation" class="col-md-1  f_size16">
						<a href="#month9" aria-controls="settings" role="tab" data-toggle="tab" value="09">九月</a>
					</li>
					<li role="presentation" class="col-md-1  f_size16">
						<a href="#month10" aria-controls="settings" role="tab" data-toggle="tab" value="10">十月</a>
					</li>
					<li role="presentation" class="col-md-1  f_size16">
						<a href="#month11" aria-controls="settings" role="tab" data-toggle="tab" value="11">十一月</a>
					</li>
					<li role="presentation" class="col-md-1  f_size16">
						<a href="#month12" aria-controls="settings" role="tab" data-toggle="tab" value="12">十二月</a>
					</li>
				</ul>
				<div id="echart_bar_month">
				</div>
				<div class="table-box" style="position:absolute;top:420px;padding-right:25px">
					<table class="table table-hover">
						<thead>
						<tr>
							<th>指标名称</th>
							<th>实际增速</th>
							<th>实际完成</th>
							<th>计划增速</th>
						</tr>
						</thead>
						<tbody id="tableinfo_month">
						</tbody>
					</table>
				</div>
				<!-- Tab panes -->
				<div class="tab-content">
					<div role="tabpanel" class="tab-pane active" id="month1">
					</div>
					<div role="tabpanel" class="tab-pane active" id="month2">
					</div>
					<div role="tabpanel" class="tab-pane active" id="month3">
					</div>
					<div role="tabpanel" class="tab-pane active" id="month4">
					</div>
					<div role="tabpanel" class="tab-pane active" id="month5">
					</div>
					<div role="tabpanel" class="tab-pane active" id="month6">
					</div>
					<div role="tabpanel" class="tab-pane active" id="month7">
					</div>
					<div role="tabpanel" class="tab-pane active" id="month8">
					</div>
					<div role="tabpanel" class="tab-pane active" id="month9">
					</div>
					<div role="tabpanel" class="tab-pane active" id="month10">
					</div>
					<div role="tabpanel" class="tab-pane active" id="month11">
					</div>
					<div role="tabpanel" class="tab-pane active" id="month12">
					</div>
				</div>

			</div>
		</div>
	</div>
</div>
<div class="footer_div">
	<iframe class="footer_iframe" src="../web/footer.html"></iframe>
</div>
<script type="text/javascript" src="../../app/static/js/bootstrap/bootstrap.min.js"></script>
<script type="text/javascript" src="../../app/static/js/echarts/echarts.common.min.js"></script>
<script type="text/javascript" src="../../app/static/js/jquery/jquery.js"></script>
<script type="text/javascript" src="../../app/static/lib/common/SGIS.Base.js"></script>
<script src="../../app/static/lib/macro_js/bootstrap-treeview.min.js"></script>
<script type="text/javascript" src="../../app/static/js/targetManagement.js"></script>
<script type="text/javascript">
renderBar();
</script>
</body>
</html>